// pkg_shop/pages/shopProSet/shopProSet.js
import request from '../../../utils/http.js'
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    dianPuId: '',
    zongShu: 0,
    fenZuList: [],
    startX: 0, // 开始X坐标
    startY: 0, // 开始Y坐标
    flag:false,//避免重复点击操作

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  //获取在售产品
  getzaiShouPro: function () {
    wx.showLoading({
      title: '加载中...',
      mask: true
    })

    var that = this
    let data = {
      dianPuId: that.data.dianPuId,
    }

    request.get('dianPu/zaiShou', data, res => {
      // console.log("在售List:" + JSON.stringify(res.data))
      res.data.fenZuList.forEach((item, index) => {
        item.chanPinList.forEach((proitenm, indexx) => {
          proitenm.isTouchMove = false;
          proitenm.jxCheck = proitenm.jingXuanZhuangTai == 1 ? false : true
          proitenm.rxCheck = proitenm.reXiaoZhuangTai == 1 ? false : true
        })
      })

      that.setData({
        fenZuList: res.data.fenZuList,
        zongShu: res.data.zongShu,
        flag:false
      })
    //   wx.hideLoading()
      setTimeout(function () {
        wx.hideLoading()    
        }, 2000)
        


    }, err => {
      wx.showToast({
        title: '查询失败', // 提示的内容
        icon: "none", // 图标，默认success
        duration: 1000, // 提示的延迟时间，默认1500
        mask: false, // 是否显示透明蒙层，防止触摸穿透
      })
    })
  },






  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.setData({
      dianPuId: wx.getStorageSync(app.globalData.SHOPID) == '' ? 0 : wx.getStorageSync(app.globalData.SHOPID)
    })
    this.getzaiShouPro();
  },



  // 手指触摸开始事件，记录开始的(X,Y)位置
  touchStart: function (e) {
    // 开始触摸时,将 isTouchMove 为 true 的置为 false，开始新的操作
    this.data.fenZuList.forEach(function (item, index) {
      item.chanPinList.forEach((proitenm, indexx) => {
        if (proitenm.isTouchMove)
          proitenm.isTouchMove = false;
      })

    })

    // 更新数据，记录开始的位置
    this.setData({
      startX: e.changedTouches[0].clientX,
      startY: e.changedTouches[0].clientY,
      fenZuList: this.data.fenZuList
    })
  },

  // 手指滑动事件
  touchMove: function (e) {
    // 定义变量进行数据存储
    let that = this
    let currentIndex = e.currentTarget.dataset.index //当前索引
    let startX = that.data.startX // 开始X坐标
    let startY = that.data.startY // 开始Y坐标
    let touchMoveX = e.changedTouches[0].clientX // 滑动变化X坐标
    let touchMoveY = e.changedTouches[0].clientY // 滑动变化Y坐标

    that.data.fenZuList.forEach((item, index) => {
      // item.isTouchMove = false
      // 判断当前点击的是哪一个，进行操作
      // if (index == currentIndex) {
      //   if (touchMoveX > startX) // 滑动位置大于开始位置 => 右滑
      //     item.isTouchMove = false
      //   else // => 左滑
      //     item.isTouchMove = true
      // }
      item.chanPinList.forEach((proitenm, indexx) => {
        proitenm.isTouchMove = false
        // 判断当前点击的是哪一个，进行操作
        if (proitenm.zhongXinProductId == currentIndex) {
          if (touchMoveX > startX) // 滑动位置大于开始位置 => 右滑
            proitenm.isTouchMove = false
          else // => 左滑
            proitenm.isTouchMove = true
        }
      })

    })

    //更新数据
    that.setData({
      fenZuList: that.data.fenZuList
    })
  },

  // 下架产品
  del: function (e) {

    var id = e.currentTarget.dataset.id
    var chanPinLeiXing=e.currentTarget.dataset.l
    var that = this
    let data = {
        zhongXinProductId: id,
        dianPuId:that.data.dianPuId,
        chanPinLeiXing:chanPinLeiXing
    }

    request.get('dianPu/tingShouYiGeDianPuChanPin', data, res => {

      console.log("停售:" + JSON.stringify(res.data))

      if (res.data.status == 1) {
        that.getzaiShouPro()
        app.globalData.proIsChange = 'true'
      } else {
        wx.showToast({
          title: '下架失败', // 提示的内容
          icon: "none", // 图标，默认success
          duration: 1000, // 提示的延迟时间，默认1500
          mask: false, // 是否显示透明蒙层，防止触摸穿透
        })
      }

    }, err => {
      wx.showToast({
        title: '处理失败', // 提示的内容
        icon: "none", // 图标，默认success
        duration: 1000, // 提示的延迟时间，默认1500
        mask: false, // 是否显示透明蒙层，防止触摸穿透
      })
    })
  },

   // 上架产品
   upPro: function (e) {

    var id = e.currentTarget.dataset.id
    var chanPinLeiXing=e.currentTarget.dataset.l
    var that = this
    let data = {
        zhongXinProductId: id,
        dianPuId:that.data.dianPuId,
        chanPinLeiXing:chanPinLeiXing
    }

    request.get('dianPu/addZhongXinProductToDianPu', data, res => {

      // console.log("上架:" + JSON.stringify(res.data))

      if (res.data.status == 1) {
        that.getzaiShouPro()
        app.globalData.proIsChange = 'true'
      } else {
        wx.showToast({
          title: '上架失败', // 提示的内容
          icon: "none", // 图标，默认success
          duration: 1000, // 提示的延迟时间，默认1500
          mask: false, // 是否显示透明蒙层，防止触摸穿透
        })
      }

    }, err => {
      wx.showToast({
        title: '处理失败', // 提示的内容
        icon: "none", // 图标，默认success
        duration: 1000, // 提示的延迟时间，默认1500
        mask: false, // 是否显示透明蒙层，防止触摸穿透
      })
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  // onShareAppMessage: function () {

  // }
})